.container {
  width: 1000px;
  margin: 0 auto;
  background-color: #ff6700;
}
h1 {
  margin: 0 0 20px 0;
}
ul,
li {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
/* 实现垂直 */
.menu1 {
  width: 200px;
  height: 160px;
  background-color: #bfa;
}
.menu1 li {
  width: 200px;
  height: 39px;
  line-height: 39px;
  text-align: center;
  background-color: skyblue;
  border-bottom: 1px solid orange;
}
.menu1 a {
  color: white;
  display: block;
  width: 180px;
  height: 39px;
  border-left: 20px solid orange;
}
.menu1 a:hover {
  background-color: rgb(0, 122, 138);
}
.sep {
  height: 100px;
}
/* 实现水平 */
.menu2 {
  width: 100%;
  height: 40px;
  background: transparent url(../imgs/menu2_bg.png);
}
.menu2 li {
  float: left;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.menu2 a {
  display: block;
  color: white;
}
.menu2 a:hover {
  color: #ff6700;
  /* background-color: #fff; */
}
.menu3 {
  width: 100%;
  height: 40px;
  background-color: #848580;
}
.menu3 li {
  float: left;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.menu3 a {
  display: block;
  height: 39px;
  color: rgb(255, 174, 0);
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #808080;
}
.menu3 a:hover {
    background-color: #666;
    border-bottom: 1px solid rgb(255, 174, 0);
}
.menu3 .submenu {
    visibility: hidden;
  width: 120px;
}
.menu3 li:hover .submenu {
    visibility: visible;
    position: relative;
    z-index: 999;
}
/* .menu3 .submenu li {
    height: 35px;
    line-height: 40px;
} */
.menu3 .submenu a {
    background-color: #848580;
}
.menu3 .submenu a:hover {
    background-color: #666;
}
.menu4 {
  width: 100%;
  height: 40px;
  background-color: #bfa;
  position: relative;
}
.menu4 li {
  float: left;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.menu4 a {
  display: block;
  color: #ff6700;
  height: 39px;
  width: 120px;
  border-bottom: 1px solid white;
}
.menu4 a:hover {
  background-color: skyblue;
  color: white;
  /* border-bottom: 1px solid black; */
}
.menu4 .submenu {
  display: none;
  position: absolute;
  height: 40px;
  width: 500px;
  top: 40px;
  left: 0;
  z-index: 999;
}
.menu4 .submenu li {
  float: left;
}
.menu4 li:hover .submenu {
  background-color: #bfa;
  display: block;
}